<html>
<head>
    <meta charset='utf-8'>
    <title>卡卡足球</title>
    <link rel="preload" href=".static/fonts/fontawesome-webfont.woff2" as="font" type="fonts/woff2" crossorigin=""/>
    <link rel="preload" href="/static/img/beijing.jpg" as="image" crossorigin=""/>
    <link rel="stylesheet" href="/static/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/static/css/magnific-popup.css"/>
    <link rel="stylesheet" href="/static/css/font-awesome.min.css"/><!-- MAIN CSS -->
    <link rel="stylesheet" href="/static/css/templatemo-style.css"/>
    <link rel="stylesheet" href="/static/css/index.css"/>

</head>
<body>
  <div>
    <!-- MENU -->
    <section role="navigation" class="navbar custom-navbar navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" data-toggle="collapse" data-target=".navbar-collapse" class="navbar-toggle">Send</button>
          <!-- lOGO TEXT HERE -->
          <a href="index.html" class="navbar-brand"><b id="ii9q2b" class="c1315">kaka足球
            </b></a>
        </div>
        <!-- MENU LINKS -->
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav navbar-nav-first">
            <li>
              <a href="">首页</a>
              <a href="#home" class="smoothScroll"><b>
                </b></a>
              <b>
              </b>
            </li>
            <li>
              <a href="#about" class="smoothScroll">历史数据库</a>
            </li>
            <li>
              <a href="#blog" class="smoothScroll">最新球队排名</a>
            </li>
            <li>
              <a href="#work" class="smoothScroll">点击预测</a>
            </li>
            <li>
              <a href="#contact" class="smoothScroll">Contacts</a>
            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li>
            </li>
            <li>
            </li>
            <li>
              <a href="#"></a>
            </li>
            <li class="section-btn">
              <a href="#" data-toggle="modal" data-target="#modal-form">登录</a>
            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li>
            </li>
            <li>
            </li>
            <li>
              <a href="#"></a>
            </li>
            <li class="section-btn">
              <a href="#" data-toggle="modal" data-target="#modal-form">注册</a>
            </li>
          </ul>
        </div>
      </div>
    </section>
    <!-- HOME -->
    <section id="home" data-stellar-background-ratio="0.5">
      <div class="overlay">
      </div>
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-sm-12">
            <div class="home-info">
              <a href="#about" class="btn section-btn smoothScroll"><b>
                <i>
                </i>
                <span id="ijrj0y">开始预测</span>
                </b></a>
              <h1>
                <b>专业足球预测网站
                </b>
              </h1>
              <span><b>免费，高效，准确
                </b><br/></span>
            </div>
          </div>
          <div class="col-md-6 col-sm-12">
            <div class="embed-responsive embed-responsive-16by9">
              <div class="home-video__img">
              </div>
            </div>
            <div class="home-video">
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- ABOUT -->
    <div id="ia8qr" class="htmlpage-row c1906">
      <div class="htmlpage-cell">
        <div id="i5q903" class="c21408">
          <b>联系我们Contact
          </b>
          <span draggable="true"><b>
            </b></span>
        </div>
        <div class="c21408">
          <b>18639105229
          </b>
        </div>
      </div>
      <div class="htmlpage-cell">
        <div class="c21408">
          <b>投稿Contribution
          </b>
          <span id="i7xgul" class="c21969"><b>
            </b></span>
        </div>
        <div class="c21408">
          <b>1367073063@qq.com
          </b>
        </div>
      </div>
    </div>
    <!-- BLOG -->
    <!-- WORK -->
    <!-- CONTACT -->
    <!-- FOOTER -->
    <!-- MODAL -->
    <section id="modal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal fade">
      <div class="modal-dialog modal-lg">
        <div class="modal-content modal-popup">
          <div class="modal-header">
            <button type="button" data-dismiss="modal" aria-label="Close" class="close">Send</button>
          </div>
          <div class="modal-body">
            <div class="container-fluid">
              <div class="row">
                <div class="col-md-12 col-sm-12">
                  <div class="modal-title">
                    <h2>HI,Bro
                    </h2>
                  </div>
                  <!-- NAV TABS -->
                  <ul role="tablist" class="nav nav-tabs">
                    <li class="active">
                      <a href="#sign_up" aria-controls="sign_up" role="tab" data-toggle="tab">注册</a>
                    </li>
                    <li>
                      <a href="#sign_in" aria-controls="sign_in" role="tab" data-toggle="tab">登录</a>
                    </li>
                  </ul>
                  <!-- TAB PANES -->
                  <div class="tab-content">
                    <div role="tabpanel" id="sign_up" class="tab-pane fade in active">
                      <form method="post" action="#">
                        <input type="text" name="name" placeholder="用户名" required class="form-control"/>
                        <input type="telephone" name="telephone" placeholder="手机号" required class="form-control"/>
                        <input type="email" name="email" placeholder="邮箱" required class="form-control"/>
                        <input type="password" name="password" placeholder="密码" required class="form-control"/>
                        <input type="submit" name="submit" value="提交" class="form-control"/>
                      </form>
                    </div>
                    <div role="tabpanel" id="sign_in" class="tab-pane fade in">
                      <form method="post" action="#">
                        <input type="email" name="邮箱" placeholder="邮箱" required class="form-control"/>
                        <input type="password" name="密码" placeholder="密码" required class="form-control"/>
                        <input type="submit" name="提交" value="提交" class="form-control"/>
                        <a href="#">忘记密码?</a>
                      </form>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- SCRIPTS -->
    <script src="https://coscdn.htmlpage.cn/html-template/template-company-00002/js/jquery.js"></script>
    <script src="https://coscdn.htmlpage.cn/html-template/template-company-00002/js/bootstrap.min.js"></script>
    <script src="https://coscdn.htmlpage.cn/html-template/template-company-00002/js/jquery.stellar.min.js"></script>
    <script src="https://coscdn.htmlpage.cn/html-template/template-company-00002/js/jquery.magnific-popup.min.js"></script>
    <script src="https://coscdn.htmlpage.cn/html-template/template-company-00002/js/smoothscroll.js"></script>
    <script src="https://coscdn.htmlpage.cn/html-template/template-company-00002/js/custom.js"></script>
  </div>
</body>
</html>